<div>
  <div style="background: #edeaeb;padding: 20px 0;">
    <div style="width:86%;background: #a3a1a2;margin: auto;overflow: hidden;position: relative;">
      <div class="classteaching" style="width: 40%;height: 100%;;margin: auto;float: left;color: #fff;font-size:1.4rem;position: absolute;top: 17%;
      left: 9%;">
        <p>
          {{focuseVideo.classnum}}
        </p>
        <p style="font-size:1rem;">
          {{focuseVideo.classname}}
        </p>
      </div>
      <div style="background: #a3a1a2;width: 51%;height: 419px;float:right;">
        <video #video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="100%"
          height="100%" style="display:block" data-setup='{"example_option":true}'>
          <source src="{{focuseVideo.videoUrl}}" type="video/mp4" />
          <source src="{{focuseVideo.videoUrl}}" type="video/webm" />
          <source src="{{focuseVideo.videoUrl}}" type="video/ogg" />
        </video>

      </div>
    </div>
  </div>

  <div class="clb" style="padding:20px">
    <div [ngClass]="{'borderc': i==selectIndex}" (click)="palyvideo(i)" *ngFor="let data of videoList;let i=index"
      style="width:304px;height:218px;float:left;margin-left:20px;margin-bottom:30px">
      <div style="width:300px;height:178px;overflow: hidden;">
        <img style="width: 100%" src="../../../assets/img/video.png" alt="">
      </div>
      <p class="hidefont">
        {{data.flowName}}
      </p>
    </div>
  </div>

  <div style="padding-bottom:50px;">
    <h2 style="padding:10px 30px;background: #e6e3e4">题目分析</h2>
    <div style="padding-left:30px;" *ngFor="let data of focuseVideo.topicList;let i=index">
      <p>
        {{data.fieldCaption}}
      </p>
      <textarea name="{{data.fieldName}}" id="{{data.fieldName}}" [(ngModel)]="data.userResult" cols="60" rows="6" style="width:96%;resize: none"></textarea>
    </div>
  </div>
  <div>
    <button nz-button nzType="primary" (click)="saveResult($event)" *ngIf="!isSaved">保存</button>
  </div>
</div>
